<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>pushstate</title>
</head>
<body>
    <div>
        history.pushstate(a, b, c);
        无刷新更改地址栏
        a: 一个对象或者字符串，供以后使用
        b: 一个字符串， 代表新页面的标题
        c: 一个字符串， 代表新页面的相对地址
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var state = {
                id: 1,
                name: 'lys'
            };
            setTimeout(function () {
                window.history.pushState(state, '', '/profile/');
            }, 3000);
        });
        // 当用户点击【前进】【后退】的时候，就会触发popstate 事件
        window.addEventListener('popstate', function (e) {
            var state = e.state;
            console.log('state', state);
        });
    </script>
</body>
</html>